<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue入门案例步骤</title>

</head>
<body>
<!--指定区域-->
<div id="app">
    <!--在div展现msg属性
    差值表达式：{{key}}}-->
<h1>{{msg}}</h1>
</div>

<!--入门案例步骤
1.导入vue.js-->
<script src="../js/vue.js"></script>
<!--3.创建Vue语法-->
<script>
    /**语法：
     * 1.const
     * 2.let:作用和var类似，没有作用域的概念
     * 3.var特点：没有作用于的*/
    const APP = new Vue({
        //1.指定区域：
        el: "#app",
        //定义属性
        data: {
            //key:value
            msg: "你好vue"
        }
    })
</script>
</body>
</html>